<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html">
<h:head>
	<title>JSF 2.0: Blank Starting-Point Project</title>
	<script type="text/javascript">
		function changeActiveLk(id) {
			document.getElementById("homeMenu").style.background = "";
			document.getElementById("homeMenu").style.color = "gray";
			document.getElementById("GeoMenu").style.background = "";
			document.getElementById("GeoMenu").style.color = "gray";
			setStartUp(id);

		}
		function setStartUp(id,num) {
			document.getElementById(id).style.background = "url(images/current-bg.gif) top left repeat-x";
			document.getElementById(id).style.color = "white";
		}
	</script>
</h:head>
<h:body onload="setStartUp('homeMenu')">
	<div id='cssmenu'>
		<ul>
			<li><h:link outcome="main.xhtml" id="homeMenu"
					onclick="changeActiveLk('homeMenu')">
					<span>Home</span>
				</h:link></li>
			<li><h:link  outcome="main.xhtml" id="GeoMenu"
					onclick="changeActiveLk('GeoMenu')">
					<span>Geography</span>
				</h:link>
				<ul>
					<li><h:link  outcome="main.xhtml">
							<span>Government Office Region</span>
						</h:link></li>
					<li><h:link  outcome="main.xhtml">
							<span>Government Office Region</span>
						</h:link></li>
				</ul></li>

		</ul>
	</div>
</h:body>
</html>